<el-container>
						<el-header v-if="!currentUser || !currentUser.id">
							<el-row :gutter="20" style="margin: 20px auto;" >
								<el-col :span="8"></el-col>
								<el-col :span="8">
									<el-space alignment="center">
                    <el-select
                    v-model="keyword"
                      filterable
                      remote
                      reserve-keyword
                      placeholder="请输入姓名或者手机号"
                      :remote-method="getUsers"
                      :clearable="true"
                      :loading="optionsLoading"
                      @change="selectUser"
                    >
                      <el-option
                        v-for="item in optionsUsers"
                        :key="item.id"
                        :label="item.text"
                        :value="item.id"
                      ></el-option>
                    </el-select>
										<el-button type="primary" @click="reset"> 重置 </el-button>
									</el-space>
								</el-col>
								<el-col :span="8"></el-col>
							</el-row>
						</el-header>
						<el-main v-loading="loading" >
							<el-splitter>
								<el-splitter-panel size="25%">
									<el-card >
										<template #header>
											<div class="card-header">
												<span>基本信息</span>
											</div>
										</template>
										<el-form :rules="userRules" :model="form" ref="ruleUserFormRef" label-width="auto" style="max-width: 600px">
											<el-form-item label="姓名" prop="name">
												<el-input v-model="form.name"></el-input>
											</el-form-item>
											<el-form-item label="手机号" prop="mobile">
												<el-input v-model="form.mobile" ></el-input>
											</el-form-item>
											<el-form-item label="学校" prop="school">
												<el-input v-model="form.school" ></el-input>
											</el-form-item>
											<el-form-item label="年级" prop="class_name">
												<el-radio-group v-model="form.class_name">
													@foreach(\App\Admin\Repositories\Config::$gradeOptions as $key => $value)
													<el-radio value="{{ $key }}">{{ $value }}</el-radio>
													@endforeach
												</el-radio-group>
											</el-form-item>
											<el-form-item label="性别" prop="sex">
												<el-radio-group v-model="form.sex">
													@foreach(\App\Admin\Repositories\Config::$sexOptions as $key => $value)
													<el-radio value="{{ $key }}">{{ $value }}</el-radio>
													@endforeach
												</el-radio-group>
											</el-form-item>
											<el-form-item label="出生年月" prop="birthdate">
                        <el-date-picker
                            v-model="form.birthdate"
                            type="date"
                            placeholder="选择出生年月"
                          ></el-date-picker>
											</el-form-item>
											<el-form-item label="地址" prop="address">
												<el-input v-model="form.address" ></el-input>
											</el-form-item>
											<el-form-item>
												<el-button type="primary" @click="saveUser(ruleUserFormRef)">保存</el-button>
											</el-form-item>
										</el-form>
									</el-card>
                  <el-card >
										<template #header>
											<div class="card-header">
												<span>病史</span>
											</div>
										</template>
                    <el-tabs v-model="bingshiActiveName">
                      <el-tab-pane label="病史" name="first">
                        <el-form :model="bingshiForm" ref="ruleBingshiFormRef" label-width="80" style="max-width: 600px">
                          <el-form-item label="主诉" prop="zhusu">
                            <el-input v-model="bingshiForm.zhusu" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"></el-input>
                          </el-form-item>
                          <el-form-item label="戴镜史" prop="daijing">
                            <el-radio-group v-model="bingshiForm.daijing">
                              @foreach(['无', '有'] as $key => $value)
                              <el-radio value="{{ $key }}">{{ $value }}</el-radio>
                              @endforeach
                            </el-radio-group>
                          </el-form-item>
                          <div v-if="bingshiForm.daijing == 1">
                          <el-form-item label="戴镜习惯" prop="daijing_type">
                            <el-radio-group v-model="bingshiForm.daijing_type">
                              @foreach(['1' => '常带', '0' => '不常带'] as $key => $value)
                              <el-radio value="{{ $key }}">{{ $value }}</el-radio>
                              @endforeach
                            </el-radio-group>
                          </el-form-item>
                          <el-form-item label="首次佩戴" prop="kuangjia_date">
                            <el-date-picker
                              v-model="bingshiForm.kuangjia_date"
                              type="date"
                              placeholder="选择首次佩戴"
                            ></el-date-picker>
                          </el-form-item>
                          <el-form-item label="现在佩戴" prop="xianyou_date">
                            <el-date-picker
                              v-model="bingshiForm.xianyou_date"
                              type="date"
                              placeholder="选择现在佩戴"
                            ></el-date-picker>
                          </el-form-item>
                          
                          <el-form-item label="角膜塑性" prop="jiaomo_date">
                            <el-date-picker
                              v-model="bingshiForm.jiaomo_date"
                              type="date"
                              placeholder="选择角膜塑性镜佩戴日期"
                            ></el-date-picker>
                          </el-form-item>
                          <el-form-item label="停戴时间" prop="tingdai_date">
                            <el-date-picker
                              v-model="bingshiForm.tingdai_date"
                              type="date"
                              placeholder="选择停戴时间"
                            ></el-date-picker>
                          </el-form-item>
                          <el-form-item label="屈光度数" prop="quguang_dpt" label-position="top">
                                <el-space>
                                  <el-select v-model="bingshiForm.quguang_dpt.right.ds" :clearable="true" :filterable="true" :allow-create="true" placeholder="右DS" style="width: 120px">
                                  <el-option-group
                                      v-for="group in dangAnOptions.ds"
                                      :key="group.label"
                                      :label="group.label"
                                    >
                                      <el-option
                                        v-for="item in group.options"
                                        :key="item"
                                        :label="item"
                                        :value="item"
                                      ></el-option>
                                    </el-option-group>  
                                  </el-select>
                                  <el-select v-model="bingshiForm.quguang_dpt.right.dc" :clearable="true" :filterable="true" :allow-create="true" placeholder="右DC" style="width: 120px">
                                    <el-option v-for="item in dangAnOptions.dc" :key="item" :label="item" :value="item"></el-option>
                                  </el-select>
                                  <el-select v-model="bingshiForm.quguang_dpt.right.a" :clearable="true" :filterable="true" :allow-create="true" placeholder="右A" style="width: 120px">
                                    <el-option v-for="item in dangAnOptions.a" :key="item" :label="item" :value="item"></el-option>
                                  </el-select>
                                </el-space>
                                <el-space>
                                  <el-select v-model="bingshiForm.quguang_dpt.left.ds" :clearable="true" :filterable="true" :allow-create="true" placeholder="左DS" style="width: 120px">
                                    <el-option-group
                                      v-for="group in dangAnOptions.ds"
                                      :key="group.label"
                                      :label="group.label"
                                    >
                                      <el-option
                                        v-for="item in group.options"
                                        :key="item"
                                        :label="item"
                                        :value="item"
                                      ></el-option>
                                    </el-option-group> 
                                  </el-select>
                                  <el-select v-model="bingshiForm.quguang_dpt.left.dc" :clearable="true" :filterable="true" :allow-create="true" placeholder="左DC" style="width: 120px">
                                    <el-option v-for="item in dangAnOptions.dc" :key="item" :label="item" :value="item"></el-option>
                                  </el-select>
                                  <el-select v-model="bingshiForm.quguang_dpt.left.a" :clearable="true" :filterable="true" :allow-create="true" placeholder="左A" style="width: 120px">
                                    <el-option v-for="item in dangAnOptions.a" :key="item" :label="item" :value="item"></el-option>
                                  </el-select>
                                </el-space>
                          </el-form-item>
                          </div>
                          <el-form-item label="其他" prop="other">
                            <el-input v-model="bingshiForm.other" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"></el-input>
                          </el-form-item>

                          <el-form-item label="既往史" prop="jiwangshi">
                            <el-checkbox-group v-model="bingshiForm.jiwangshi">
                              <el-checkbox :value="key" v-for="(item, key) in bingshiOptions.jw">@{{ item }}</el-radio>
                            </el-checkbox-group>
                          </el-form-item>
                          <el-form-item>
                            <el-input v-model="bingshiForm.jiwangshi_other" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"></el-input>
                          </el-form-item>
                          <el-form-item label="父亲屈光状态" prop="fuqin">
                            <el-checkbox-group v-model="bingshiForm.fuqin">
                              <el-checkbox :value="key" v-for="(item, key) in bingshiOptions.fq">@{{ item }}</el-radio>
                            </el-checkbox-group>
                          </el-form-item>
                          <el-form-item label="母亲屈光状态" prop="muqin">
                            <el-checkbox-group v-model="bingshiForm.muqin">
                              <el-checkbox :value="key" v-for="(item, key) in bingshiOptions.fq">@{{ item }}</el-radio>
                            </el-checkbox-group>
                          </el-form-item>
                          <el-form-item label="家族遗传病史">
                            <el-input v-model="bingshiForm.jiazu" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"></el-input>
                          </el-form-item>
                          <el-form-item label="出生史" prop="chusheng">
                            <el-checkbox-group v-model="bingshiForm.chusheng">
                              <el-checkbox :value="key" v-for="(item, key) in bingshiOptions.cs">@{{ item }}</el-radio>
                            </el-checkbox-group>
                          </el-form-item>
                          
                          <el-form-item>
                            <el-button type="primary" @click="saveBingshi(ruleBingshiFormRef)">保存</el-button>
                          </el-form-item>
                        </el-form>
                      </el-tab-pane>
                      <el-tab-pane label="列表" name="second">
                        <el-table :data="listBingshi" style="width: 100%">
                          <el-table-column type="index" width="50" label="#"></el-table-column>
                          <el-table-column prop="created_at" label="时间" ></el-table-column>
                          <el-table-column fixed="right" label="操作" width="120">
                            <template #default="scope">
                              <el-button
                                link
                                type="primary"
                                size="small"
                                @click.prevent="showBingshi(scope.$index)"
                              >
                                详情
                              </el-button>
                            </template>
                          </el-table-column>
                        </el-table>

                      </el-tab-pane>
                    </el-tabs>
										
									</el-card>
                  
								</el-splitter-panel>
                <el-splitter-panel :min="200">
									<el-card class="box-card">
										<template #header>
											<div class="card-header">
												<span>档案</span>
											</div>
										</template>
                    <el-tabs v-model="danganActiveName">
                      <el-tab-pane label="详细" name="first">
                        <el-form :model="dangAnForm" ref="ruleDanganFormRef" label-width="auto">
                          <el-row :gutter="20">
                            <el-col :span="12">
                            <el-form-item prop="first">
                            <el-row :gutter="20">
                              <el-col :span="10">
                                <el-date-picker
                                  v-model="dangAnForm.write_date"
                                  type="date"
                                  placeholder="录入日期"
                                  style="width: 200px;"
                                ></el-date-picker>
                              </el-col>
                              <el-col :span="14">
                                <el-space>
                                  <el-input
                                    v-model="dangAnForm.weight"
                                    placeholder="体重"
                                  ></el-input>
                                  <el-input
                                    v-model="dangAnForm.height"
                                    placeholder="身高"
                                  ></el-input>
                                </el-space>
                              </el-col>
                            </el-row>
                          </el-form-item>
                          <el-form-item label="裸眼视力" prop="shili_luoyan" label-width="80px">
                            <el-space>
                              <el-select v-model="dangAnForm.shili_luoyan_right" :clearable="true" :filterable="true" :allow-create="true" placeholder="右眼" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.shili" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.shili_luoyan_left" :clearable="true" :filterable="true" :allow-create="true" placeholder="左眼" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.shili" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                          <el-form-item label="矫正视力" prop="shili_jiaozheng" label-width="80px">
                            <el-space>
                              <el-select v-model="dangAnForm.shili_jiaozheng_right" :clearable="true" :filterable="true" :allow-create="true" placeholder="右眼" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.shili" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.shili_jiaozheng_left" :clearable="true" :filterable="true" :allow-create="true" placeholder="左眼" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.shili" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                          <el-form-item label="电脑验光" prop="yanguang_diannao" label-position="top">
                           
                            <el-space>
                               右：
                              <el-select v-model="dangAnForm.yanguang_diannao_right.ds" :clearable="true" :filterable="true" :allow-create="true" placeholder="右DS" style="width: 120px">
                               <el-option-group
                                  v-for="group in dangAnOptions.ds"
                                  :key="group.label"
                                  :label="group.label"
                                >
                                  <el-option
                                    v-for="item in group.options"
                                    :key="item"
                                    :label="item"
                                    :value="item"
                                  ></el-option>
                                </el-option-group>  
                              </el-select>
                              <el-select v-model="dangAnForm.yanguang_diannao_right.dc" :clearable="true" :filterable="true" :allow-create="true" placeholder="右DC" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.dc" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.yanguang_diannao_right.a" :clearable="true" :filterable="true" :allow-create="true" placeholder="右A" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.a" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                            <el-space>
                              左：
                              <el-select v-model="dangAnForm.yanguang_diannao_left.ds" :clearable="true" :filterable="true" :allow-create="true" placeholder="左DS" style="width: 120px">
                                <el-option-group
                                  v-for="group in dangAnOptions.ds"
                                  :key="group.label"
                                  :label="group.label"
                                >
                                  <el-option
                                    v-for="item in group.options"
                                    :key="item"
                                    :label="item"
                                    :value="item"
                                  ></el-option>
                                </el-option-group> 
                              </el-select>
                              <el-select v-model="dangAnForm.yanguang_diannao_left.dc" :clearable="true" :filterable="true" :allow-create="true" placeholder="左DC" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.dc" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.yanguang_diannao_left.a" :clearable="true" :filterable="true" :allow-create="true" placeholder="左A" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.a" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                          <el-form-item label="旧镜焦度计检查" prop="jiujing_jiaodu" label-position="top">
                            <el-space>
                              右：
                              <el-select v-model="dangAnForm.jiujing_jiaodu_right.ds" :clearable="true" :filterable="true" :allow-create="true" placeholder="右DS" style="width: 120px">
                               <el-option-group
                                  v-for="group in dangAnOptions.ds"
                                  :key="group.label"
                                  :label="group.label"
                                >
                                  <el-option
                                    v-for="item in group.options"
                                    :key="item"
                                    :label="item"
                                    :value="item"
                                  ></el-option>
                                </el-option-group>  
                              </el-select>
                              <el-select v-model="dangAnForm.jiujing_jiaodu_right.dc" :clearable="true" :filterable="true" :allow-create="true" placeholder="右DC" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.dc" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.jiujing_jiaodu_right.a" :clearable="true" :filterable="true" :allow-create="true" placeholder="右A" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.a" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                            <el-space>
                              左：
                              <el-select v-model="dangAnForm.jiujing_jiaodu_left.ds" :clearable="true" :filterable="true" :allow-create="true" placeholder="左DS" style="width: 120px">
                                <el-option-group
                                  v-for="group in dangAnOptions.ds"
                                  :key="group.label"
                                  :label="group.label"
                                >
                                  <el-option
                                    v-for="item in group.options"
                                    :key="item"
                                    :label="item"
                                    :value="item"
                                  ></el-option>
                                </el-option-group> 
                              </el-select>
                              <el-select v-model="dangAnForm.jiujing_jiaodu_left.dc" :clearable="true" :filterable="true" :allow-create="true" placeholder="左DC" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.dc" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.jiujing_jiaodu_left.a" :clearable="true" :filterable="true" :allow-create="true" placeholder="左A" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.a" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                          <el-form-item label="综合验光" prop="zonghe_yanguang" label-position="top">
                            <el-space>
                              右：
                              <el-select v-model="dangAnForm.yanguang_zonghe_right.ds" :clearable="true" :filterable="true" :allow-create="true" placeholder="右DS" style="width: 120px">
                               <el-option-group
                                  v-for="group in dangAnOptions.ds"
                                  :key="group.label"
                                  :label="group.label"
                                >
                                  <el-option
                                    v-for="item in group.options"
                                    :key="item"
                                    :label="item"
                                    :value="item"
                                  ></el-option>
                                </el-option-group>  
                              </el-select>
                              <el-select v-model="dangAnForm.yanguang_zonghe_right.dc" :clearable="true" :filterable="true" :allow-create="true" placeholder="右DC" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.dc" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.yanguang_zonghe_right.a" :clearable="true" :filterable="true" :allow-create="true" placeholder="右A" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.a" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                            <el-space>
                              左：
                              <el-select v-model="dangAnForm.yanguang_zonghe_left.ds" :clearable="true" :filterable="true" :allow-create="true" placeholder="左DS" style="width: 120px">
                                <el-option-group
                                  v-for="group in dangAnOptions.ds"
                                  :key="group.label"
                                  :label="group.label"
                                >
                                  <el-option
                                    v-for="item in group.options"
                                    :key="item"
                                    :label="item"
                                    :value="item"
                                  ></el-option>
                                </el-option-group> 
                              </el-select>
                              <el-select v-model="dangAnForm.yanguang_zonghe_left.dc" :clearable="true" :filterable="true" :allow-create="true" placeholder="左DC" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.dc" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.yanguang_zonghe_left.a" :clearable="true" :filterable="true" :allow-create="true" placeholder="左A" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.a" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                          <el-form-item label="眼轴" prop="yanzhu" label-position="top">
                            <el-space>
                              <el-select v-model="dangAnForm.yanzhu_right" :clearable="true" :filterable="true" :allow-create="true" placeholder="右眼整数" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.yz" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.yanzhu_right_100" :clearable="true" :filterable="true" :allow-create="true" placeholder="右眼小数" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.yz100" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.yanzhu_left" :clearable="true" :filterable="true" :allow-create="true" placeholder="左眼整数" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.yz" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.yanzhu_left_100" :clearable="true" :filterable="true" :allow-create="true" placeholder="左眼小数" style="width: 120px">
                                <el-option v-for="item in dangAnOptions.yz100" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                            </el-col>
                            <el-col :span="12">
                          
                          <el-row :gutter="20">
                          <el-col :span="12">
                          <el-form-item label="眼底" prop="yandi" label-position="top">
                            <span style="margin-right: 10px;">右:</span>
                            <el-radio-group v-model="dangAnForm.yandi_right" placeholder="">
                              <el-radio :value="item" v-for="(item, index) in dangAnOptions.yd">@{{ item }}</el-radio>
                            </el-radio-group>
                          </el-form-item>
                          <el-form-item prop="yandi">
                            <span style="margin-right: 10px;">左:</span>
                            <el-radio-group v-model="dangAnForm.yandi_left">
                              <el-radio :value="item" v-for="(item, index) in dangAnOptions.yd">@{{ item }}</el-radio>
                            </el-radio-group>
                          </el-form-item>
                          </el-col>
                          <el-col :span="12">
                          <el-form-item label="色觉功能" prop="sejue" label-position="top">
                            <el-radio-group v-model="dangAnForm.sejue_right" placeholder="">
                              <el-radio :label="index" v-for="(item, index) in dangAnOptions.sj">@{{ item }}</el-radio>
                            </el-radio-group>
                          </el-form-item>
                          <el-form-item prop="sejue">
                            <el-radio-group v-model="dangAnForm.sejue_left">
                              <el-radio :label="index" v-for="(item, index) in dangAnOptions.sj">@{{ item }}</el-radio>
                            </el-radio-group>
                          </el-form-item>
                          </el-col>
                          </el-row>
                          <el-form-item label="对比敏感度" prop="duibidu" label-width="100px">
                            <el-space>
                              <el-input v-model="dangAnForm.duibidu_right" placeholder="右眼"></el-input>
                              <el-input v-model="dangAnForm.duibidu_left" placeholder="左眼"></el-input>
                            </el-space>
                          </el-form-item>
                          <el-form-item label="立体视功能" prop="shuangyan_liti" label-width="100px">
                            <el-space>
                              <el-select v-model="dangAnForm.shuangyan_liti_right" :clearable="true" :filterable="true" :allow-create="true" placeholder="右眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.lt" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.shuangyan_liti_left" :clearable="true" :filterable="true" :allow-create="true" placeholder="左眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.lt" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                          <el-form-item label="正相对调节" prop="shuangyan_zhengxiang" label-width="100px">
                            <el-space>
                              <el-select v-model="dangAnForm.shuangyan_zhengxiang_right" :clearable="true" :filterable="true" :allow-create="true" placeholder="右眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.zx" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.shuangyan_zhengxiang_left" :clearable="true" :filterable="true" :allow-create="true" placeholder="左眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.zx" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                          <el-form-item label="负相对调节" prop="shuangyan_fuxiang" label-width="100px">
                            <el-space>
                              <el-select v-model="dangAnForm.shuangyan_fuxiang_right" :clearable="true" :filterable="true" :allow-create="true" placeholder="右眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.fx" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.shuangyan_fuxiang_left" :clearable="true" :filterable="true" :allow-create="true" placeholder="左眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.fx" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                          <el-form-item label="Flipper(调节灵敏度)" prop="shuangyan_lingmindu" >
                            <el-space>
                              <el-select v-model="dangAnForm.shuangyan_lingmindu_right" :clearable="true" :filterable="true" :allow-create="true" placeholder="右眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.fl" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.shuangyan_lingmindu_left" :clearable="true" :filterable="true" :allow-create="true" placeholder="左眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.fl" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                          <el-form-item label="AMP调节幅度" prop="shuangyan_tiaojie" label-width="100px">
                            <el-space>
                              <el-select v-model="dangAnForm.shuangyan_tiaojie_right" :clearable="true" :filterable="true" :allow-create="true" placeholder="右眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.am" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.shuangyan_tiaojie_left" :clearable="true" :filterable="true" :allow-create="true" placeholder="左眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.am" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                          <el-form-item label="CPM（聚散灵敏度）" prop="shuangyan_jusan">
                            <el-space>
                              <el-select v-model="dangAnForm.shuangyan_jusan_right" :clearable="true" :filterable="true" :allow-create="true" placeholder="右眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.fl" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                              <el-select v-model="dangAnForm.shuangyan_jusan_left" :clearable="true" :filterable="true" :allow-create="true" placeholder="左眼" style="width: 180px">
                                <el-option v-for="item in dangAnOptions.fl" :key="item" :label="item" :value="item"></el-option>
                              </el-select>
                            </el-space>
                          </el-form-item>
                            </el-col>
                          </el-row>
                          <el-divider>问卷调查</el-divider>
                          <el-row :gutter="20">
                            <el-col :span="12">
                              <el-form-item label="光学矫正方案" prop="fangan_jiaozheng" label-position="top">
                                <el-checkbox-group v-model="dangAnForm.fangan_jiaozheng">
                                  <el-checkbox :value="key" v-for="(item, key) in dangAnOptions.gx">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item label="视觉训练方案" prop="fangan_xunlian" label-position="top">
                                <el-checkbox-group v-model="dangAnForm.fangan_xunlian">
                                  <el-checkbox :value="key" v-for="(item, key) in dangAnOptions.sjxl">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item>
                                <el-input v-model="dangAnForm.fangan_other" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"></el-input>
                              </el-form-item>
                              <el-form-item label="行为干预强化" prop="ganyu" label-position="top">
                                <el-checkbox-group v-model="dangAnForm.ganyu">
                                  <el-checkbox :value="key" v-for="(item, key) in dangAnOptions.xw">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-divider>初步分类</el-divider>
                              <el-form-item label="诊断" prop="wj" label-position="top">
                                <el-checkbox-group v-model="dangAnForm.wj.zhenduan.zhenduan1">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.zd">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item>
                                <el-input v-model="dangAnForm.wj.zhenduan.other" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"></el-input>
                              </el-form-item>
                              <el-form-item label="斜视" prop="wj" label-position="top">
                                <el-checkbox-group v-model="dangAnForm.wj.zhenduan.xieshi">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.xs">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item label="调节功能异常" prop="wj" label-position="top">
                                <el-checkbox-group v-model="dangAnForm.wj.zhenduan.tiaojie">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.tj">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-divider>现有护眼措施</el-divider>
                              <el-form-item prop="wj" >
                                <el-checkbox-group v-model="dangAnForm.wj.huyan.huyan1">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.hy">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item>
                                <el-input v-model="dangAnForm.wj.huyan.other" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"></el-input>
                              </el-form-item>
                              <el-divider>睡眠习惯</el-divider>
                              <el-form-item label="上学期间" prop="wj">
                                <el-time-picker
                                  v-model="dangAnForm.wj.shenghuo.shangxue"
                                  is-range
                                  range-separator="To"
                                  start-placeholder="开始"
                                  end-placeholder="结束"
                                  format="hh-mm"
                                ></el-time-picker>
                              </el-form-item>
                              <el-form-item label="放假期间" prop="wj">
                                <el-time-picker
                                  v-model="dangAnForm.wj.shenghuo.fangjia"
                                  is-range
                                  range-separator="To"
                                  start-placeholder="开始"
                                  end-placeholder="结束"
                                  format="hh-mm"
                                ></el-time-picker>
                              </el-form-item>
                              <el-form-item label="熬夜频率" prop="wj" >
                                <el-radio-group v-model="dangAnForm.wj.shenghuo.aoye">
                                  <el-radio :value="key" v-for="(item, key) in wenjuanOptions.ay">@{{ item }}</el-radio>
                                </el-radio-group>
                              </el-form-item>
                              <el-form-item  v-if="dangAnForm.wj.shenghuo.aoye==485" label="近3月几次" prop="wj" >
                                <el-input v-model="dangAnForm.wj.shenghuo.aoye1"></el-input>
                              </el-form-item>
                              <el-form-item v-if="dangAnForm.wj.shenghuo.aoye==486" label="最晚几点入睡" prop="wj" >
                                <el-time-picker v-model="dangAnForm.wj.shenghuo.aoye2" format="hh-mm" placeholder="选择入睡时间" /></el-time-picker>
                              </el-form-item>

                              <el-divider>课外班情况</el-divider>
                              <el-form-item prop="wj" label="类型">
                                <el-checkbox-group v-model="dangAnForm.wj.fudao_leixing">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.fd">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item prop="wj" label="">
                                <el-button class="mt-2" @click.prevent="addFd()">
                                  新增辅导班
                                </el-button>
                              <el-space v-for="(item, index) in dangAnForm.wj.fudao_kewai">
                                <el-input v-model="item.zhouji" placeholder="周几"></el-input>
                                <el-time-picker v-model="item.shangke" format="hh-mm" placeholder="上课时间"></el-time-picker>
                                <el-input v-model="item.shijian" type="number" placeholder="多少小时"><template #append>小时</template></el-input>
                                <el-button class="mt-2" @click.prevent="removeFd(index)">
                                  Delete
                                </el-button>
                              </el-form-item>
                              </el-space>
                              </el-form-item>
                              
                            </el-col>
                            <el-col :span="12">
                               <el-divider>户外活动</el-divider>
                              <el-form-item label="上午" prop="wj">
                                <el-time-picker
                                  v-model="dangAnForm.wj.shenghuo.shangwu"
                                  is-range
                                  range-separator="To"
                                  start-placeholder="开始"
                                  end-placeholder="结束"
                                  format="hh-mm"
                                ></el-time-picker>
                              </el-form-item>
                              <el-form-item label="下午" prop="wj">
                                <el-time-picker
                                  v-model="dangAnForm.wj.shenghuo.xiawu"
                                  is-range
                                  range-separator="To"
                                  start-placeholder="开始"
                                  end-placeholder="结束"
                                  format="hh-mm"
                                ></el-time-picker>
                              </el-form-item>
                              <el-form-item prop="wj" label="陪同者">
                                <el-checkbox-group v-model="dangAnForm.wj.shenghuo.peitong">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.pt">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item label="活动内容">
                                <el-input v-model="dangAnForm.wj.shenghuo.huodongnei" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"></el-input>
                              </el-form-item>
                              <el-divider>作业习惯</el-divider>
                              <el-form-item  label="日均时长" prop="wj" >
                                <el-input v-model="dangAnForm.wj.shenghuo.rijunshichang" type="number"><template #append>分钟</template></el-input>
                              </el-form-item>
                              <el-form-item  label="单次连续时长" prop="wj" >
                                <el-input v-model="dangAnForm.wj.shenghuo.dancilianxu" type="number"><template #append>分钟</template></el-input>
                              </el-form-item>
                              <el-form-item prop="wj" label="休息方式">
                                <el-checkbox-group v-model="dangAnForm.wj.shenghuo.xiuxifangshi">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.xx">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item label=" ">
                                <el-input v-model="dangAnForm.wj.shenghuo.xiuxifangshi_other" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"></el-input>
                              </el-form-item>
                              <el-form-item prop="wj" label="辅助工具">
                                <el-checkbox-group v-model="dangAnForm.wj.shenghuo.fuzhugongju">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.fz">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item prop="wj" label="陪同者">
                                <el-checkbox-group v-model="dangAnForm.wj.shenghuo.peitong">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.pt1">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item prop="wj" label="照明">
                                <el-checkbox-group v-model="dangAnForm.wj.shenghuo.zhaoming">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.zm">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-divider>电子设备使用</el-divider>
                              <el-form-item  label="看电视" prop="wj" >
                                <el-input v-model="dangAnForm.wj.dianzi.dianshi" type="number"><template #append>分钟/天</template></el-input>
                              </el-form-item>
                              <el-form-item  label="内容" prop="wj" >
                                <el-input v-model="dangAnForm.wj.dianzi.dianshi_neirong"></el-input>
                              </el-form-item>
                              <el-form-item prop="wj" label="姿势">
                                <el-checkbox-group v-model="dangAnForm.wj.shenghuo.dianshi_zishi">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.ds">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                               <el-form-item  label="距离" prop="wj" >
                                <el-input v-model="dangAnForm.wj.dianzi.dianshi_mi" type="number"><template #append>米</template></el-input>
                              </el-form-item>

                              <el-form-item  label="看手机/PAD" prop="wj" >
                                <el-input v-model="dangAnForm.wj.dianzi.shouji" type="number"><template #append>分钟/天</template></el-input>
                              </el-form-item>
                              <el-form-item  label="内容" prop="wj" >
                                <el-input v-model="dangAnForm.wj.dianzi.shouji_neirong"></el-input>
                              </el-form-item>
                              <el-form-item prop="wj" label="姿势">
                                <el-checkbox-group v-model="dangAnForm.wj.shenghuo.shouji_zishi">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.ds">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item  label="距离" prop="wj" >
                                <el-input v-model="dangAnForm.wj.dianzi.shouji_mi" type="number"><template #append>米</template></el-input>
                              </el-form-item>
                              <el-form-item  label="距离" prop="wj" >
                                <el-input v-model="dangAnForm.wj.dianzi.shouji_xiuxi" type="number"><template #append>分钟/休息次</template></el-input>
                              </el-form-item>

                              <el-divider>家长核心诉求</el-divider>
                              <el-form-item prop="wj" label=" ">
                                <el-checkbox-group v-model="dangAnForm.wj.jiazhang.hexin">
                                  <el-checkbox :value="key" v-for="(item, key) in wenjuanOptions.hx">@{{ item }}</el-checkbox>
                                </el-checkbox-group>
                              </el-form-item>
                              <el-form-item label=" ">
                                <el-input v-model="dangAnForm.wj.jiazhang.other" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"></el-input>
                              </el-form-item>
                              
                              
                            </el-col>
                          </el-row>
                          
                            <el-affix target=".box-card" position="bottom" :offset="20">
                            <div style="text-align: center; width: 200px;">  
                            <el-button type="primary" @click="saveDangan(ruleDanganFormRef, 0)">更新</el-button>
                              <el-button type="success" @click="saveDangan(ruleDanganFormRef, 1)">新增</el-button>
                           </div>
                            </el-affix>
                          
                        </el-form>
                      </el-tab-pane>
                      <el-tab-pane label="记录" name="second">
                        <el-table :data="listDangan" style="width: 100%">
                          <el-table-column type="index" width="50" label="#"></el-table-column>
                          <el-table-column prop="write_date" label="时间" ></el-table-column>
                          <el-table-column fixed="right" label="操作" width="120">
                            <template #default="scope">
                              <el-button
                                link
                                type="primary"
                                size="small"
                                @click.prevent="showDangan(scope.$index)"
                              >
                                详情
                              </el-button>
                            </template>
                          </el-table-column>
                        </el-table>
                      </el-tab-pane>
                    </el-tabs>
										
									</el-card>
								</el-splitter-panel>
								
								
							</el-splitter>
							<el-row :gutter="20" style="margin: 40px auto;" v-show="listDangan.length>0">
								<el-col :span="8"><div class="grid-content ep-bg-purple" id="chart1" style="height: 300px;"></div></el-col>
								<el-col :span="8"><div class="grid-content ep-bg-purple" id="chart2" style="height: 300px;"></div></el-col>
								<el-col :span="8"><div class="grid-content ep-bg-purple" id="chart3" style="height: 300px;"></div></el-col>
							</el-row>


						</el-main>
					</el-container>